<html><head>
      <title>PPMS Provider Locator</title>
      <meta name="description" content="VA PPMS Provider Locator - Find providers based on radius and travel time">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <!--Begin Styles-->
      <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T">
      <link href="ppms_select2.css" rel="stylesheet" type="text/css">
      <link href="ppms_SelectWooCssPoc" rel="stylesheet" type="text/css">
      <link href="ppms_locator.css" rel="stylesheet" type="text/css">
      <!--Begin Scripts-->
      <script src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" defer="" crossorigin="anonymous" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ"></script>
      <script src="ppms_JQuery"></script>
      <script src="ppms_SDKREST.js"></script>
      <script src="ClientGlobalContext.js.aspx"></script>
      <script src="https://www.bing.com/api/maps/mapcontrol?callback=GetMap?s=1" defer="" async=""></script>
      <script src="ppms_locator.js"></script>
      <script src="ppms_SelectWoo"></script>
<meta><meta><meta><meta><meta><meta><meta><meta><meta><meta><meta><meta><meta><meta><meta><meta><meta><meta><meta><meta><meta charset="utf-8"><meta></head>
   <body style="overflow-wrap: break-word;" onfocusout="parent.setEmailRange();">
      <div class="container-fluid" id="main">
         <div class="row">
            <div class="col-xs-12 col-sm-4" id="formsection">
               <div class="container-fluid" id="searchSection">
                  <div class="searchSuggestion" id="searchSuggestion">
                     <label for="searchBox">Search Location<b> (Required)</b>:</label>
                     <div>
                        <input class="form-control searchBox required" id="searchBox" type="text" autocomplete="off">
                     </div>
                  </div>
                  <label for="specialtySearchBox">Provider Speciality<b> (Minimum 1 Required)</b>:</label>
                  <div class="input-group">
                     <input class="form-control required" id="specialtySearchBox" type="text" autocomplete="off">
                     <span class="input-group-addon">
                     <button title="Search Icon for Specialties" class="btn btn-default searchButton" id="specialtySearchButton" type="submit"><i class="fas fa-search"></i></button>
                     </span>
                  </div>
                  <label for="providerNetworkSearchBox">Provider Network:</label>
                  <div class="input-group">
                     <input class="form-control" id="providerNetworkSearchBox" type="text" autocomplete="off">
                     <button title="Search Icon for Provider Network" class="btn btn-default searchButton" id="providerNetworkSearchButton" type="submit"><i class="fas fa-search"></i></button>
                  </div>
                  <label for="providerRelationshipSearchBox">Provider Relationship:</label>
                  <div class="input-group">
                     <input class="form-control" id="providerRelationshipSearchBox" type="text" autocomplete="off">
                     <button title="Search Icon for Provider Relationship" class="btn btn-default searchButton" id="providerRelationshipSearchButton" type="submit"><i class="fas fa-search"></i></button>
                  </div>
                  <div id="ProviderDetails">
                     <label aria-label="Provider Details" for="providerDetailsSelection">Provider Details:</label>
                     <br>
                     <div class="input-group">
                        <select id="providerDetailsSelection" multiple="">
                           <optgroup label="Gender">
                              <option value="male">Male</option>
                              <option value="female">Female</option>
                           </optgroup>
                           <optgroup label="Care Type">
                              <option value="primarycare">Primary Care</option>
                              <option value="acceptingnew">Accepting New Patients</option>
                              <option value="hsrm">HSRM</option>
                           </optgroup>
                        </select>
                     </div>
                  </div>
                  <div id="buttonRow">
                     <button class="btn btn-info filterButton" id="radiusButton" type="button">Radius</button>
                     <button class="btn btn-secondary filterButton" id="travelTimeButton" type="button">Drive Time</button>
                  </div>
                  <div class="radiusSortBySearch" id="radiusButtonArea">
                     <label for="radiusSelection">Radius (Max 500 Miles):</label>
                     <input class="form-control" id="radiusSelection" onkeypress="return isNumeric(event)" oninput="maxLengthCheck(this);" type="text" maxlength="3" min="1" max="500" value="25" autocomplete="off">
                  </div>
                  <div class="radiusSortBySearch hidden" id="travelTimeButtonArea">
                     <label for="Drivetime">Drive Time (Max 250 Min):</label>
                     <input class="form-control" id="Drivetime" onkeypress="return isNumeric(event)" oninput="maxLengthCheck2(this)" type="text" maxlength="3" min="1" max="250" value="25" autocomplete="off">
                  </div>
                  <div class="radiusSortBySearch ">
                     <label for="sortByCondition">Sort By:</label>
                     <select class="sortOrder form-control input-sm" id="sortByCondition">
                        <option selected="selected" value="0">Distance</option>
                        <option value="1">Drive Time</option>
                        <option value="2">Quality Ranking</option>
                        <option value="3">Specialty</option>
                     </select>
                  </div>
                  <div id="submitbutton">
                     <input title="Search Providers Button" disabled="" class="btn btn-secondary text-center" id="searchBtn" type="button" value="Search">
                     <hr>
                  </div>
                  <div class="loaderTitle" id="loaderTitle">
                  </div>
                  <div class="loader" id="loader">
                     <div class="loadingIcon">
                        <div>
                           <span><i class="fas fa-sync-alt fa-spin"></i></span> Searching for Providers...
                        </div>
                     </div>
                  </div>
               </div>
               <div class="container-fluid" id="resultsTable">
                  <div class="resultsPanel text-center" id="resultsPanel">
                  </div>
               </div>
            </div>
            <div title="Provider Search Map" class="map col-sm" id="map">
               <div id="myMap"> 
               </div>
            </div>
         </div>
      </div>
      <script>
         $("#providerDetailsSelection").selectWoo({
             placeholder: 'Select Provider Details...',
             allowClear: true
         });
      </script>
      <script>
         function clearProviderDetails() {
             document.getElementById("providerDetailsSelection").value = '';
         }
      </script>
      <script>
         $("#radiusButton").click(function () {
             $("#radiusButtonArea").removeClass('hidden');
             $("#travelTimeButtonArea").addClass('hidden');
             $("#radiusSelection").val('25');
             $("#Drivetime").val(' ');
             $("#radiusButton").removeClass('btn-secondary');
             $("#radiusButton").addClass('btn-info');
             $("#travelTimeButton").removeClass('btn-info');
             $("#travelTimeButton").addClass('btn-secondary');
             $("#sortByCondition").val('0');
         });
      </script>
      <script>
         $("#travelTimeButton").click(function () {
             $("#radiusButtonArea").addClass('hidden');
             $("#travelTimeButtonArea").removeClass('hidden');
             $("#Drivetime").val('25');
             $("#radiusButton").removeClass('btn-info');
             $("#radiusButton").addClass('btn-secondary');
             $("#travelTimeButton").removeClass('btn-secondary');
             $("#travelTimeButton").addClass('btn-info');
             $("#sortByCondition").val('1');
         });
      </script>
            <script>
         function maxLengthCheck(object) {
             if (object.value.length > object.maxLength)
                 object.value = object.value.slice(0, object.maxLength)
             if (object.value > 500) {
                 object.value = object.max
             }
         }
         function maxLengthCheck2(object) {
             if (object.value.length > object.maxLength)
                 object.value = object.value.slice(0, object.maxLength)
             if (object.value > 250) {
                 object.value = object.max
             }
         }
         function isNumeric(evt) {
             var theEvent = evt || window.event;
             var key = theEvent.keyCode || theEvent.which;
             key = String.fromCharCode(key);
             var regex = /^\d+$/;
             if (!regex.test(key)) {
                 theEvent.returnValue = false;
                 if (theEvent.preventDefault) theEvent.preventDefault();
             }
         }
      </script>


      <script>
$( "#searchBox" ).change(function() {
 
 if ($("#searchBox").val() === "") {
 	$( "#searchBox" ).addClass( "required" );
 	
 	if ($("#searchBox").val() === "" || $("#specialtySearchBox").val() === "" ) {
 		$( "#searchBtn" ).prop('disabled', true);
 	}
 };

  if ($("#searchBox").val() !== "") {
 	$( "#searchBox" ).removeClass( "required" );

 	if ($("#searchBox").val() !== "" && $("#specialtySearchBox").val() !== "" ) {

 		$( "#searchBtn" ).prop('disabled', false);
 	}
 	
 };

});

$( "#specialtySearchBox" ).change(function() {
 
 if ($("#specialtySearchBox").val() == "") {
 	$( "#specialtySearchBox" ).addClass( "required" );
 	if ($("#searchBox").val() === "" || $("#specialtySearchBox").val() === "" ) {
 		$( "#searchBtn" ).prop('disabled', true);
 	}
 };

  if ($("#specialtySearchBox").val() !== "") {
 	$( "#specialtySearchBox" ).removeClass( "required" );

 	if ($("#searchBox").val() !== "" && $("#specialtySearchBox").val() !== "") {
	$( "#searchBtn" ).prop('disabled', false);

 	}

 };

});





</script>



      <script>
        < script src = "https://code.jquery.com/jquery-3.3.1.slim.min.js"
         integrity = "sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
         crossorigin = "anonymous" >
      </script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" crossorigin="anonymous" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"></script>
      <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" crossorigin="anonymous" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"></script>
   
</body></html>